<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/glory.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no">
</head>
<body>
<div class="header-box">
  <p>荣耀榜</p>
</div>
<div class="rongyao">
  <div class="rongyao_box">
    <a href="javascript:;" class="selected" id="yuedu">阅读达人擂台</a>
    <a href="javascript:;" id="fenxiang">分享经营小能手</a>
  </div>
</div>
<div class="huise"></div>
<div id="zongjieyue">
  <div class="box">
    <ul>
      <li>
        <img src="img/glory/all@2x.png">
        <span>总借阅排行榜</span>
        <a href="listMore.html?typ=0">更多 ></a>
      </li>
      <li>
        <i>1</i>
        <img src="img/glory/tuceng 2@2x.png">
        <b class="huangguan"></b>
        <span>赵丽颖</span>
        <a><b>1463</b>本</a>
      </li>
      <li>
        <i>2</i>
        <img src="img/glory/tuceng 3@2x.png">
        <span>杨颖</span>
        <a><b>1020</b>本</a>
      </li>
      <li>
        <i>3</i>
        <img src="img/glory/tuceng 3@2x.png">
        <span>杨颖</span>
        <a><b>899</b>本</a>
      </li>
    </ul>
  </div>
</div>
<div id="zongfenxiang">
  <div class="box">
    <ul>
      <li>
        <img src="img/glory/all@2x.png">
        <span>总分享收入排行榜</span>
        <a href="listMore.html?typ=1">更多 ></a>
      </li>
      <li>
        <i>1</i>
        <img src="img/glory/tuceng 2@2x.png">
        <b class="huangguan"></b>
        <span>赵丽颖</span>
        <a><b>1463</b>鱼币</a>
      </li>
      <li>
        <i>2</i>
        <img src="img/glory/tuceng 3@2x.png">
        <span>杨颖</span>
        <a><b>1020</b>鱼币</a>
      </li>
      <li>
        <i>3</i>
        <img src="img/glory/tuceng 3@2x.png">
        <span>杨颖</span>
        <a><b>920</b>鱼币</a>
      </li>
    </ul>
  </div>
</div>
<div class="huise"></div>
<div id="meiyue_jieyue">
  <div class="box">
    <ul>
      <li>
        <img src="img/glory/yue@2x.png">
        <span>每月借阅排行榜</span>
        <a href="listMore.html?typ=2">更多 ></a>
      </li>
      <li>
        <i>1</i>
        <img src="img/glory/tuceng 2@2x.png">
        <b class="huangguan"></b>
        <span>赵丽颖</span>
        <a><b>63</b>本</a>
      </li>
      <li>
        <i>2</i>
        <img src="img/glory/tuceng 3@2x.png">
        <span>杨颖</span>
        <a><b>43</b>本</a>
      </li>
      <li>
        <i>3</i>
        <img src="img/glory/tuceng 3@2x.png">
        <span>杨颖</span>
        <a><b>41</b>本</a>
      </li>
    </ul>
  </div>
</div>
<div id="meiyue_fenxiang">
  <div class="box">
    <ul>
      <li>
        <img src="img/glory/yue@2x.png">
        <span>每月分享收入排行榜</span>
        <a href="listMore.html?typ=3">更多 ></a>
      </li>
      <li>
        <i>1</i>
        <img src="img/glory/tuceng 2@2x.png">
        <b class="huangguan"></b>
        <span>赵丽颖</span>
        <a><b>63</b>鱼币</a>
      </li>
      <li>
        <i>2</i>
        <img src="img/glory/tuceng 3@2x.png">
        <span>杨颖</span>
        <a><b>43</b>鱼币</a>
      </li>
      <li>
        <i>3</i>
        <img src="img/glory/tuceng 3@2x.png">
        <span>杨颖</span>
        <a><b>23</b>鱼币</a>
      </li>
    </ul>
  </div>
</div>
<div class="footer_kb"></div>
<div class="footer">
  <div class="footer_box">
    <a class="hui_ben footer_box_item" href="index.html">
      <img src="img/index/huiben1@2x.png">
      <span>绘本</span>
    </a>
    <a class="rong_yao_bang footer_box_item select" href="glory.html">
      <img src="img/index/bangdan1@2x.png">
      <span>荣耀榜</span>
    </a>
    <a class="zhu_ye footer_box_item" href="richScan.html">
      <img src="img/index/zhuye@2x.png">
    </a>
    <a class="gui_huan footer_box_item" href="back.html">
      <img src="img/index/guihuan@2x.png">
      <span>归还</span>
    </a>
    <a class="my footer_box_item" href="my.html">
      <img src="img/index/wo@2x.png">
      <span>我</span>
    </a>
  </div>
</div>
</body>
<script src="js/jquery.js"></script>
<script src="js/base.js"></script>
<script>
  $('#yuedu').click(function () {
     $('#yuedu').addClass('selected');
     $('#fenxiang').removeClass('selected');
    $('#zongjieyue').css('display','block');
    $('#meiyue_jieyue').css('display','block');
     $('#zongfenxiang').css('display','none');
     $('#meiyue_fenxiang').css('display','none');
  });
  $('#fenxiang').click(function () {
    $('#fenxiang').addClass('selected');
    $('#yuedu').removeClass('selected');
    $('#zongjieyue').css('display','none');
    $('#meiyue_jieyue').css('display','none');
    $('#zongfenxiang').css('display','block');
    $('#meiyue_fenxiang').css('display','block');
  });
</script>
</html>